<template>
  <div class="">
    <a-row style="margin-top: 0" :gutter="[24, 24]">
      <a-col :sm="24" :md="12" :xl="6">
        <a-card>
          <a-statistic
            title="商户今日买入/笔"
            :value="
              parseFloat(statis.solds_coins_sum_today) +
              ' / ' +
              statis.solds_count_today
            "
          />
          <a-statistic
            title="商户今日卖出/笔"
            :value="
              parseFloat(statis.buys_coins_sum_today) +
              ' / ' +
              statis.buys_count_today
            "
            style="margin-top: 24px"
          />
          <a-statistic
            title="商户今日卖出佣金/奖励"
            :value="
              parseFloat(statis.buys_seller_fee_sum_today) +
              ' / ' +
              parseFloat(statis.buys_seller_tip_sum_today)
            "
            :precision="2"
            style="margin-top: 24px"
          >
            <!-- <template #prefix> ￥ </template> -->
          </a-statistic>
        </a-card>
      </a-col>

      <a-col :sm="24" :md="12" :xl="6">
        <a-card>
          <a-statistic
            title="用户今日买入/笔"
            :value="
              parseFloat(statis.buys_done_coins_sum_today) +
              ' / ' +
              statis.buys_done_count_today
            "
          />
          <a-statistic
            title="用户今日卖出/笔"
            :value="
              parseFloat(statis.solds_coins_sum_today) +
              ' / ' +
              statis.solds_count_today
            "
            style="margin-top: 24px"
          />

          <a-statistic
            title="用户今日获得佣金/奖励"
            :value="
              parseFloat(statis.buys_fee_sum_today) +
              ' / ' +
              parseFloat(statis.buys_tip_sum_today)
            "
            :precision="2"
            style="margin-top: 24px"
          >
            <!-- <template #prefix> ￥ </template> -->
          </a-statistic>
        </a-card>
      </a-col>

      <a-col :sm="24" :md="12" :xl="6">
        <a-card>
          <a-statistic
            title="代理今日获得佣金/奖励"
            :value="
              parseFloat(statis.boughts_agent_fee_sum_today) +
              ' / ' +
              parseFloat(statis.boughts_agent_tip_sum_today)
            "
            :precision="2"
          >
            <!-- <template #prefix> ￥ </template> -->
          </a-statistic>
        </a-card>
      </a-col>
    </a-row>

    <p style="font-size: 16px; margin: 24px 0 0 10px">
      大数据缓存，5分钟更新一次
    </p>
  </div>
</template>

<script>
export default {
  name: 'dashboard',
  //   i18n: require('./i18n'),
  data() {
    return {
      loading: true,
      statis: {},
    }
  },
  created() {
    // setTimeout(() => (this.loading = !this.loading), 1000)
    this.axios.get('/a/dashboard').then((res) => {
      this.statis = res.data.data
      this.loading = false
    })
  },
}
</script>

<style lang="less" scoped>
</style>
